Component({
    properties: {
        text: {
            type: String
        },
        color: {
            type: String,
            value: "#333333"
        },
        borderColor: {
            type: String,
            value: "transparent"
        },
        bgColor: {
            type: String,
            value: "#FFD72E"
        },
        height: {
            type: String,
            optionalTypes: [ Number ],
            value: "60"
        },
        borderRadius: {
            type: String,
            optionalTypes: [ Number ],
            value: "30"
        },
        width: {
            type: String,
            optionalTypes: [ Number ],
            value: "144"
        },
        fontSize: {
            type: String,
            optionalTypes: [ Number ],
            value: "28"
        },
        fontWeight: {
            type: String,
            optionalTypes: [ Number ],
            value: "bold"
        },
        boxShadow: {
            type: String,
            value: "none"
        }
    },
    methods: {
        onTap: function() {
            this.triggerEvent("tapping", {});
        }
    }
});